<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>升序/降序</title>
	</head>
	<body>
		<!--网页上有一个数字数组，点击“升序”按钮将数组按升序排列
		，点击“降序”按钮将数组按降序排列。-->
		<p id="arrold"></p>
		<p>
			<input type="button" value="升序" onclick="asc()" />
			<input type="button" value="降序" onclick="desc()" />
		</p>
		<p id=arrnew></p>
		<script>
			/*1、定义好原来的数组
			 2、获取元素对象
			 3、原来数组显示在页面上
			 4、升序函数，降序函数*/
			//1、原来的数组显示在;页面上
			var arr=[5,3,40,1,67];
			var old=document.getElementById('arrold');
			old.innerText=arr;
			var mynew =document.getElementById('arrnew')
			//2、点击升序按钮实现将原数组按升序排列后显示在页面上
			function asc(){
				
			
			mynew.innerText=arr.sort(function(a,b){return a-b});
			}
			
			//3、降序
			function desc(){
				mynew.innerText=arr.sort(
					function(a,b){
						return b-a});
			}
			
		</script>
	</body>
</html>
